<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* firsr-child选择的是所以兄弟元素的第一个，且是绝对位置的第一个*/
        /*只有有父子关系，对应范围的第一个就会被选择*/
        p:first-child{
            color:red;
        }
    </style>
</head>
<body>
    <p>测试1</p> <!--body的第一个儿子正好是p，故变红-->
    <div>
        <p>测试2</p>  <!--div的第一个孩子正好是p，故变红-->
        <marquee>
            <p>测试3</p>  <!--marquee的第一个孩子正好是p。故变红-->
            <p>张三:100</p>
        </marquee>
        <p>李四:90</p>
        <p>王五:85</p>
        <p>赵六:80</p>
    </div>
</body>
</html>